/*公共样式开始*/

/*全局样式
 * * @ 取消获得焦点样式，设定所有元素的大小行为，取消外边距，取消内填充，取消元素边框
 * */
*{
    outline:none;
    box-sizing:content-box;
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
img{
    border: none;
}

/*IE10下文本框删除按钮*/
input[type=text]::-ms-clear { display:none }

/*CSS3 placeholder属性颜色*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #CCCCCC;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#CCCCCC;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color:#CCCCCC;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color:#CCCCCC;
}

/*logo*/
#logo{
    position: absolute;
    top: -80px;
    left: 0;
}

/*body样式*/
body{
    margin: 0;
    padding: 64px 0 0 0;
    background-color: #F3F3F3;
    font-size: 14px;
    font-family: 'Microsoft YaHei', 'Times New Roman', Times, serif;
    letter-spacing: 0;
    min-width: 1200px;
    color: #333333;
}
input,select,textarea{
    font-size: 14px;
    font-family: 'Microsoft YaHei', 'Times New Roman', Times, serif;
}

/*取消按钮浏览器默认样式*/
input[type='button'],input[type='submit'],button{
    -moz-appearance: none;
    -webkit-appearance:none;
}


/*主体容器*/
.container{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.container:after{   /*为容器添加清除浮动*/
    content: '';
    display: block;
    clear: both;
}


/*分栏容器*/
.column{

}
.column:after{   /*为容器添加清除浮动*/
    content: '';
    display: block;
    clear: both;
}
.column>div{  /*为容器的子DIV元素创建浮动*/
    float: left;
}
/*为更好的快速分栏，.col_* 方法，1-12等份，与分栏容器一起使用*/
.col_1>div{
    width: 100%;
}
.col_2>div{
    width: 50%;
}
.col_3>div{
    width: 33.33333%;
}
.col_4>div{
    width: 25%;
}
.col_5>div{
    width: 20%;
}
.col_6>div{
    width: 16.66666%;
}
.col_7>div{
    width: 14.28571%;
}
.col_8>div{
    width: 12.5%;
}
.col_9>div{
    width: 11.11111%;
}
.col_10>div{
    width: 10%;
}
.col_11>div{
    width: 9.090909%;
}
.col_12>div{
    width: 8.333333%;
}

.col_left_box{
    width: 912px;
    margin: 0 10px 0 0;
}
.col_right_box{
    width: 278px;
    margin: 0;
}

/*超链接*/
a{
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
    cursor: pointer;
}

/*字体颜色*/
.rgb_35,.rgb_35>a{
    color:#353535;
}
.rgb_666,.rgb_666>a{
    color:#666666;
}
.rgb_999,.rgb_999>a{
    color:#999999;
}
.rgb_e5,.rgb_e5>a{
    color:#e5e5e5;
}
.rgb_ea0,.rgb_ea0>a{
    color: #EA0D04;
}
.rgb_fd4,.rgb_fd4>a{
    color: #FD463E;
}
.rgb_ff0,.rgb_ff0>a{
    color: #FFF000;
}
.rgb_fd9,.rgb_fd9>a{
    color: #fd9120;
}
.rgb_fff,.rgb_fff>a{
    color: #FFFFFF;
}
.rgb_09f,.rgb_09f>a{
    color: #0099ff;
}
.rgb_fe6,.rgb_fe6>a{
    color: #FE6F8C;
}
.rgb_00b,.rgb_00b>a{
    color: #00B400;
}
.rgb_07C,.rgb_07C>a{
    color: #0c73c2;
}
.rgb_ea0_hover:hover{
    color: #EA0D04 !important;
}
.rgb_09f_hover:hover{
    color: #0099ff !important;
}

/*按钮*/
.btn_default{
    display: inline-block;
    text-align: center;
    line-height: 24px;
    border: #e5e5e5 solid 1px;
    color: #999999;
    background-color: #ffffff;
    padding: 3px 15px;
}
.btn_danger{
    display: inline-block;
    text-align: center;
    line-height: 24px;
    border: #EA0D04 solid 1px;
    color: #ffffff;
    background-color: #EA0D04;
    padding: 3px 15px;
}
.btn_default:hover,.btn_danger:hover{
    border: #EA0D04 solid 1px;
    color: #ffffff;
    background-color: #fd463e;
    cursor: pointer;
}



/*背景色*/
.bg_fff{
    background-color: #ffffff;
}
.bg_f6{
    background-color: #f6f6f6;
}


/*字体大小*/
.size_12{font-size: 12px;}
.size_14{font-size: 14px;}
.size_16{font-size: 16px;}
.size_18{font-size: 18px;}
.size_20{font-size: 20px;}
.size_22{font-size: 22px;}
.size_24{font-size: 24px;}

/*字体其它设置*/

/*加粗*/
.font_B{font-weight: bold;}
/*倾斜*/
.font_I{font-style: italic;}
/*下划线*/
.underline{
    text-decoration: underline;
}
/*联动select <label>*/
.linkage_label{
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    right: 0;
    top: 0;
    z-index: 2;
}


/*字体对齐*/
.align_c{
    text-align: center;
}
.align_r{
    text-align: right;
}
.align_l{
    text-align: left;
}

/*常用行高*/
.line_h_20{
    line-height: 20px;
}
.line_h_22{
    line-height: 22px;
}
.line_h_24{
    line-height: 24px;
}
.line_h_26{
    line-height: 26px;
}
.line_h_28{
    line-height: 28px;
}
.line_h_30{
    line-height: 30px;
}
.line_h_32{
    line-height: 32px;
}

/*清除浮动*/
.clear_both:after{
    content: '';
    display: block;
    height: 0;
    border: none;
    padding: 0;
    margin: 0;
    clear: both;
}

/*盒子模型*/
.border_1{
    border: #EEEEEE solid 1px;
}
.border_1_t{
    border-top: #EEEEEE solid 1px;
}
.border_1_r{
    border-right: #EEEEEE solid 1px;
}
.border_1_b{
    border-bottom: #EEEEEE solid 1px;
}
.border_1_l{
    border-left: #EEEEEE solid 1px;
}

.margin_5{
    margin: 5px;
}
.margin_5_t{
    margin-top: 5px;
}
.margin_5_r{
    margin-right: 5px;
}
.margin_5_b{
    margin-bottom: 5px;
}
.margin_5_l{
    margin-left: 5px;
}


.margin_10{
    margin: 10px;
}
.margin_10_t{
    margin-top: 10px;
}
.margin_10_r{
    margin-right: 10px;
}
.margin_10_b{
    margin-bottom: 10px;
}
.margin_10_l{
    margin-left: 10px;
}

.margin_20{
    margin: 20px;
}
.margin_20_t{
    margin-top: 20px;
}
.margin_20_r{
    margin-right: 20px;
}
.margin_20_b{
    margin-bottom: 20px;
}
.margin_20_l{
    margin-left: 20px;
}

.padding_5{
    padding: 5px;
}
.padding_5_t{
    padding-top: 5px;
}
.padding_5_r{
    padding-right: 5px;
}
.padding_5_b{
    padding-bottom: 5px;
}
.padding_5_l{
    padding-left: 5px;
}

.padding_10{
    padding: 10px;
}
.padding_10_t{
    padding-top: 10px;
}
.padding_10_r{
    padding-right: 10px;
}
.padding_10_b{
    padding-bottom: 10px;
}
.padding_10_l{
    padding-left: 10px;
}

.padding_20{
    padding: 20px;
}
.padding_20_t{
    padding-top: 20px;
}
.padding_20_r{
    padding-right: 20px;
}
.padding_20_b{
    padding-bottom: 20px;
}
.padding_20_l{
    padding-left: 20px;
}

/*图标*/
.img_icons{
    display: inline-block;
    vertical-align: middle;
    background-image: url("../img/img_icons.png");
    background-repeat: no-repeat;
}

/*公共样式结束*/


/*
 * *   公共页面样式开始
 * *   公共页面：头部，尾部，导航，弹窗
 * */
/*当前位置*/
.container .map{
    height: 36px;
    line-height: 36px;
}
/*头部定位布局*/
.header{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.header .top{
    position: absolute;
    width: 100%;
    height: 64px;
    background-color: #FD463E;
    top: 0;
    left: 0;
    z-index: 5;
    /*box-shadow:0 5px 15px #CCCCCC;*/
    min-width: 1200px;
}
/*头部LOGO样式*/
.header .head_nav_ico{
    float: left;
    height: 64px;
    width: 220px;
    display: block;
    top: 0;
    left: 0;
    background: url("../img/head_nav_ico.png?time=20180319") no-repeat 0 10px;
}

.header .head_nav_ico_newYear{
    float: left;
    height: 64px;
    width: 220px;
    display: block;
    top: 0;
    left: 0;
    background: url("../img/head_nav_ico_newYear.jpg?time=20180319") no-repeat 0 0;
}

/*头部导航栏样式*/
.header .nav{
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 230px;
}
.header .nav>li{
    float: left;
    list-style: none;
    width: 94px;
}
.header .nav .navTitle{
    height: 64px;
    line-height: 64px;
    text-align: center;
    color: #FFFFFF;
    position: relative;
}
.header .nav .navTitle a{
    height: 64px;
    line-height: 64px;
    text-align: center;
    color: #FFFFFF;
    display: block;
    text-decoration: none;
    background-color: #FD463E;
}
.header .nav .navTitle .active{
    background-color: #EA0D04;
}
.header .nav .navList{
    text-align: center;
    height: 160px;
    padding: 5px 0;
    display: none;
}
.header .nav .navList>div{
    height: 32px;
    line-height: 32px;
}
.header .nav .navList a{
    color: #666666;
    text-decoration: none;
}
.header .nav .navList a:hover{
    color: #EA0D04 !important;
    text-decoration: none;
    border-bottom: #EA0D04 solid 2px;
}

.header .nav>li:hover .navTitle a{
    text-decoration: none;
    background-color: #EA0D04;
}
.header .nav>li:hover .navList{
    background-color: #FFFFFF;
}
.header .nav>li:hover .navList a{
    color: #333333;
    text-decoration: none;
}

/*头部个人中心样式*/
.header .user{
    position: absolute;
    top: 0;
    right: 0;
    height: 64px;
    line-height: 64px;
    color: #FFFFFF;
}
.header .user .line{
    font-size: 12px;
    color: #EA0D04;
    padding: 0 5px;
}
.header .user a{
    color: #FFFFFF;
    text-decoration: none;
}
.header .user>div{
    float: left;

}
.header .user .info{
    overflow: hidden;
    height: 64px;
}
.header .user .info .name_box{
    position: relative;
    display: block;
}
.header .user .info .name_box::after{
    content: '';
    display: block;
    width: 10px;
    height: 6px;
    background-image: url("../img/header_rapid_icons.png");
    background-repeat: no-repeat;
    background-position: -150px 0px;
    position: absolute;
    top: 30px;
    right: 10px;
}
.header .user .info .name_box .pic{
    display: block;
    width: 36px;
    height: 36px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    margin-top: 14px;
}
.header .user .info .name_box .nick{
    max-width: 90px;
    height: 64px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.header .user a{
    float: left;
    width: 40px;
    height: 64px;
    text-align: center;
    display: block;
}
.header .user a:hover{
    background-color: #EA0D04;
}

.header .user .clock{
    background: url("../img/header_nav_clock_ico.gif") no-repeat 2px 0;
}
.header .user .clock:hover{
    background: url("../img/header_nav_clock_ico_hover.gif") no-repeat 2px 0;
}
/*头部导航图标样式*/
.header .nav .icon{
    background-image: url("../img/header_nav_icons.png?time=20180319");
    background-repeat: no-repeat;
    width: 28px;
    height: 41px;
    display: inline-block;
    vertical-align: top;
}

.header .nav .icon_nav_1{
    background-position: 0px 19px;
}
.header .nav .icon_nav_2{
    background-position: 0px -30px;
}
.header .nav .icon_nav_3{
    background-position: 0px -80px;
}
.header .nav .icon_nav_4{
    background-position: 0px -80px;
}
.header .nav .icon_nav_5{
    background-position: 0px -128px;
}
.header .nav .icon_nav_6{
    background-position: 2px -180px;
}
.header .nav .icon_nav_7{
    background-position: 5px -229px;
}
.header .nav .icon_nav_8{
    background-position: 5px -279px;
}

.header .nav .icon_nav_9{
    background-image: url("../img/header_nav_dynamic.png");
    background-position: 0 23px;
}

.header .nav .nav_gif_dog{
    position: absolute;
    top: 12px;
    right: 6px;
    width: 16px;
    height: 18px;
    background: url("../img/nav_gif/nav_gif_dog.gif") no-repeat 0 0;
}

.header .nav>li:hover .icon_nav_1{
    background: url("../img/nav_gif/nav_gif_1.gif?time=20180319") no-repeat -1px -2px;
}
.header .nav>li:hover .icon_nav_2{
    background: url("../img/nav_gif/nav_gif_2.gif?time=20180319") no-repeat 0px -1px;
}
.header .nav>li:hover .icon_nav_4{
    background: url("../img/nav_gif/nav_gif_3.gif?time=20180319") no-repeat -1px 0px;
}
.header .nav>li:hover .icon_nav_5{
    background: url("../img/nav_gif/nav_gif_4.gif?time=20180319") no-repeat 0px -1px;
}
.header .nav>li:hover .icon_nav_6{
    background: url("../img/nav_gif/nav_gif_5.gif?time=20180319") no-repeat 1px 0px;
}
.header .nav>li:hover .icon_nav_7{
    background: url("../img/nav_gif/nav_gif_app.gif?time=20180319") no-repeat 0px -1px;
}
.header .nav>li:hover .icon_nav_8{
    background: url("../img/nav_gif/nav_gif_hongbao.gif?time=20180319") no-repeat 2px -0px;
}
.header .nav>li:hover .icon_nav_9{
    background: url("../img/nav_gif/nav_gif_9.gif?time=20180319") no-repeat 0px 1px;
}


/*用户登录后的样式*/
.header .user .isLoginYes>a{
    width: auto;
    padding: 0 25px 0 10px;
}

.header .user .isLoginYes .portrait{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: -4px;
}

.header .user .icon{
    background: url("../img/header_rapid_icons.png") no-repeat;
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.header .user .icon_msg{
    background-position: -45px 9px;
}
.header .user .icon_pay{
    background-position: -96px 7px;
}
/*站内信数量提示*/
.header .user .user_letter_num{
    display: block;
    position: absolute;
    top: 0;
    right: -5px;
    font-size: 12px;
    background-color: #FFEA01;
    color: #FD463E;
    width: 22px;
    height: 14px;
    line-height: 14px;
    border-radius: 7px;
    visibility: hidden;
    animation:user_letter_num 0.5s linear 0s infinite normal;
    -webkit-animation:user_letter_num 0.5s linear 0s infinite normal;
    -moz-animation:user_letter_num 0.5s linear 0s infinite normal;
    -ms-animation:user_letter_num 0.5s linear 0s infinite normal;
}

@keyframes user_letter_num {0% {background-color: #FFEA01;} 100% {background-color: #ffffff;}}
@-webkit-keyframes user_letter_num {0% {background-color: #FFEA01;} 100% {background-color: #ffffff;}}
@-moz-keyframes user_letter_num {0% {background-color: #FFEA01;} 100% {background-color: #ffffff;}}
@-ms-keyframes user_letter_num {0% {background-color: #FFEA01;} 100% {background-color: #ffffff;}}

/*导航栏下拉内容底部色块*/
.header .main{
    position: absolute;
    width: 100%;
    height: 170px;
    top: 64px;
    left: 0;
    z-index: 4;
    background-color: #EEEEEE;
    opacity: 0.9;
    filter: alpha(opacity=90);
    box-shadow:0 5px 15px #CCCCCC;
    display: none;
    border-bottom: #ffffff solid 1px;
    border-bottom: rgba(255,255,255,0.3) solid 1px;
}

/*个人快捷菜单*/
.header .loginInfo{
    width: 380px;
    height: 240px;
    position: absolute;
    top: 64px;
    right: 0;
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px #999999;
    border: #cccccc solid 1px;
    z-index: 6;
    overflow: auto;
    display: none;
}
.header .loginInfo>div{
    padding:0 20px;
    float: left;
    margin-top: 20px;
    height: 200px;
    width: 92px;
}

.header .loginInfo a{
    display: block;
    height: 32px;
    line-height: 32px;
    margin-bottom: 10px;
    color:#353535;
    text-decoration: none;
}
.header .loginInfo a:hover{
    color:#FFFFFF;
    background-color: #EA0D04;
}
.header .loginInfo .left a{
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    border: #DDDDDD solid 1px;
    text-align: center;
}
.header .loginInfo .left a:hover{
    border: #EA0D04 solid 1px;
}
.header .loginInfo .left .active{
    border: #fd463e solid 1px;
    color: #ffffff;
    background-color: #fd463e;
}
.header .loginInfo .left .active:hover{
    border: #EA0D04 solid 1px;
    background-color: #ff0000;
}



.header .loginInfo .right a{
    padding-left: 7px;
}

/*个人快捷菜单图标切换*/
.header .loginInfo .right .icon{
    background: url("../img/header_links_icons.png") no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}
.header .loginInfo .right .icon_basic{
    background-position: 0 4px;
}
.header .loginInfo .right a:hover .icon_basic{
    background-position: -50px 4px;
}
.header .loginInfo .right .icon_image{
    background-position: 0 -48px;
}
.header .loginInfo .right a:hover .icon_image{
    background-position: -50px -48px;
}
.header .loginInfo .right .icon_set{
    background-position: 0 -98px;
}
.header .loginInfo .right a:hover .icon_set{
    background-position: -50px -98px;
}

.header .loginInfo .right .icon_upPwd{
    background-position: 0px -148px;
}
.header .loginInfo .right a:hover .icon_upPwd{
    background-position: -50px -148px;
}
.header .loginInfo .right .icon_pay{
    background-position: 0px -298px;
}
.header .loginInfo .right a:hover .icon_pay{
    background-position: -50px -298px;
}
.header .loginInfo .right .icon_vip{
    background-position: 0px -248px;
}
.header .loginInfo .right a:hover .icon_vip{
    background-position: -50px -248px;
}
.header .loginInfo .right .icon_gold{
    background-position: 0px -197px;
}
.header .loginInfo .right a:hover .icon_gold{
    background-position: -50px -197px;
}
.header .loginInfo .right .icon_visit{
    background-position: 0px -348px;
}
.header .loginInfo .right a:hover .icon_visit{
    background-position: -50px -348px;
}
/*头部在线时间提示*/
.header .userTime{
    width: 200px;
    height: 190px;
    position: absolute;
    line-height: 20px;
    top: 64px;
    right: 0;
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px #999999;
    border: #cccccc solid 1px;
    z-index: 6;
    text-align: center;
    display: none;
}
.header .userTime:before{
    content: '';
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    top: -16px;
    left: 92px;
    background: url("../img/header_rapid_icons.png") no-repeat   -200px 8px;
}

.header .userTime .clock_bg{
    width: 116px;
    height: 116px;
    background-position: center center;
    background-image: url("../img/user_time_clock_bg.png");
    margin: 0 auto;
    position: relative;
}
.header .userTime .clock_active{
    position: absolute;
    top: 0;
    left:0;
    width: 116px;
    height: 116px;
    background-position: center center;
    background-image: url("../img/user_time_clock_run.png");
}


.header .userTime .clock_run {
    animation:clock_run 2s linear 0s infinite normal;
    -webkit-animation:clock_run 2s linear 0s infinite normal;
}

@keyframes clock_run {from {transform: rotate(0deg);} to {transform: rotate(360deg);}}

@-webkit-keyframes clock_run {from {transform: rotate(0deg);} to {transform: rotate(360deg);}}

/*用户站内信提示*/
.header .userLetter{
    width: 120px;
    /*height: 129px;*/
    position: absolute;
    line-height: 20px;
    top: 64px;
    right: 0;
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px #999999;
    border: #cccccc solid 1px;
    z-index: 5;
    text-align: center;
    display: none;
}
.header .userLetter:before{
    content: '';
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    top: -16px;
    left: 55px;
    background: url("../img/header_rapid_icons.png") no-repeat   -200px 8px;
}
.header .userLetter>div{
    height: 32px;
}
.header .userLetter .close{
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    background: url("../img/comment_icon_2.png") no-repeat   5px -194px;
    top: 5px;
    right: 0px;
    cursor: pointer;
}
.header .userLetter .close:hover{
    background-color: #f3f3f3;
}
.header .userLetter .list>a{
    line-height: 32px;
    display: block;
}
.header .userLetter .list>a:hover{
    background-color: #f3f3f3;
}




/*尾部样式*/
.footer{
    background-color: #ffffff;
    padding: 30px 0 30px 0;
    line-height: 24px;
}
.footer .icon_beian{
    position: absolute;
    left: 0;
    top: 1px;
    width: 20px;
    height: 20px;
    display: block;
    background-image: url(../img/iconFooter.png);
    background-repeat: no-repeat;
    background-position: -326px 0;
}
.footer .icon_kexin{
    display: block;
    width: 108px;
    height: 40px;
    background-image: url(../img/iconFooter.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.footer .icon_anquan{
    display: block;
    width: 107px;
    height: 40px;
    background-image: url(../img/iconFooter.png);
    background-repeat: no-repeat;
    background-position: -219px 0;
}
.footer .icon_shiming{
    display: block;
    width: 108px;
    height: 40px;
    background-image: url(../img/iconFooter.png);
    background-repeat: no-repeat;
    background-position: -110px 0;
}
.footer .icon_qq{
    display: inline-block;
    width: 196px;
    height: 22px;
    vertical-align: middle;
    background-image: url(../img/pa.gif);
    background-repeat: no-repeat;
}


/*公共页面样式结束*/

/*性别*/
.sex{
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/img_icons.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin: 0 5px;
}
.sex_0{
    background-position: -300px 0;
}
.sex_1{
    background-position: -250px 0;
}

/*VIP会员*/
.vip_ico{
    display: inline-block;
    height: 14px;
    color: #ffffff;
    padding: 0 2px;
    background-color: #f8a161;
    vertical-align: middle;
    margin: -1px 20px 0 20px;
    position: relative;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
}
.vip_ico:before{
    content: '';
    display: block;
    width: 16px;
    height: 14px;
    background-image: url("../img/img_icons.png");
    background-position: -600px -150px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: -16px;
}
.vip_ico:after{
    content: '';
    display: block;
    width: 24px;
    height: 14px;
    background-image: url("../img/img_icons.png");
    background-position: -648px -150px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: -24px;
}



/*搜索表单样式1*/
.index_search_form{
    margin: 0;
    padding: 9px 0;
    overflow: hidden;
    line-height: 32px;
}
.index_search_form>li{
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
}
.index_search_form select{
    padding: 0 0 0 10px;
    color: #666666;
    border: #CCCCCC solid 1px;
    background-color: #ffffff;
    line-height: 30px;
    height: 30px;
    width: 98px;
    vertical-align: middle;
}
.index_search_form .btn{
    width: 140px;
    border: none;
    height: 32px;
    color: #ffffff;
    background-color: #fd463e;
    cursor: pointer;
}
.index_search_form .btn:hover{
    background-color: #EA0D04;
}
.index_search_form .checkbox{
    position: relative;
}
.index_search_form .checkbox input{
    margin:-2px 5px 0 2px;
    width: 12px;
    height: 12px;
    vertical-align: middle;
}
.index_search_form .checkbox i{
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-image: url(../img/loginFormIcon.png);
    background-repeat: no-repeat;
    background-position: -4px -38px;
    position: absolute;
    left: 0;
    top: 8px;
}
.index_search_form .checkbox .check_active{
    background-position: -37px -38px !important;
}


.index_search_form .more{
    display: block;
    border: #FE564D solid 1px;
    line-height: 30px;
    text-align: center;
    color: #FE564D;
    margin: 0;
    text-decoration: none;
}

/*当前位置*/
.location{
    line-height: 42px;
    position: relative;
}
.location .ico{
    width: 20px;
    height: 20px;
    background-position: 0 -48px;
}

/*选项卡样式1*/
.tab_control_1{
    overflow: hidden;
    position: relative;
}
.tab_control_1:after{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #EEEEEE;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.tab_control_1>li{
    list-style: none;
    margin-right: 10px;
    float: left;
    text-align: center;
    position: relative;
}
.tab_control_1>li>a{
    display: block;
    color: #666666;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    min-width: 80px;
    text-decoration: none;
    border: #EEEEEE solid 1px;
    background-color: #f9f9f9;
}
.tab_control_1>li>a:hover{
    color: #ea0d04;
}
.tab_control_1 .active>a{
    color: #ea0d04 !important;
    font-weight: bold;
    background-color: #ffffff;
}
.tab_control_1 .active:before{
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #ea0d04;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.tab_control_1 .active:after{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

/*搜索表单样式1*/
.search_box_1 .title .ico{
    width: 20px;
    height: 20px;
    background-position: -250px -99px;
}
.search_box_1 .select_1{
    margin: 0;
    padding: 0 0 0 9px;
    background-color: #ffffff;
    line-height: 22px;
    height: 22px;
    border: #EEEEEE solid 1px;
    color: #666666;
    font-size: 12px;
    width: 199px;
}
.search_box_1 .select_2{
    margin: 0;
    padding: 0 0 0 9px;
    background-color: #ffffff;
    line-height: 22px;
    height: 22px;
    border: #EEEEEE solid 1px;
    color: #666666;
    font-size: 12px;
    width: 84px;
}
.search_box_1 .checkbox_1{
    padding-left: 46px;
    position: relative;
}
.search_box_1 .checkbox_1 input{
    width: 12px;
    height: 12px;
    vertical-align: middle;
    margin: -1px 5px 0 2px;
}
.search_box_1 .checkbox_1 i{
    display: block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-image: url(../img/loginFormIcon.png);
    background-repeat: no-repeat;
    background-position: -4px -38px;
    position: absolute;
    left: 46px;
    top: 8px;
}
.search_box_1 .checkbox_1 .check_active{
    background-position: -37px -38px !important;
}
.search_box_1 .btn_1{
    margin: 0;
    padding: 0;
    height: 30px;
    line-height: 30px;
    width: 254px;
    border: #fd463e solid 1px;
    background-color: #fd463e;
    color: #ffffff;
}
.search_box_1 .btn_1:hover{
    background-color: #EA0D04;
    border: #EA0D04 solid 1px;
    cursor: pointer;
}

/*侧边栏*/
.side_bar{
    position: fixed;
    width: 50px;
    bottom: 196px;
    left: 50%;
    margin: 0 0 0 620px;
    overflow: hidden;
    z-index: 2;
}
.side_bar>li{
    list-style: none;
    margin-bottom: 2px;
    background-color: #dddddd;
    height: 50px;
    background-image: url(../img/sideBar_icons.png);
    background-repeat: no-repeat;
    cursor: pointer;
}
.side_bar>li:hover{
    background-color: #fd463e;
}
.side_bar>li>a{
    display: block;
    height: 50px;
}
.side_bar .go_top{
    background-position: -141px 17px;
}
.side_bar .qrcode{
    background-position: -39px 11px;
}
.side_bar .feedback{
    background-position: 10px 11px;
}
.side_bar .phone{
    background-position: -84px 11px;
}

/*二维码*/
.iq_qrcode{
    width: 180px;
    padding: 10px;
    background-color: #ffffff;
    border: #f84345 solid 1px;
    position: fixed;
    left: 50%;
    bottom: 285px;
    margin: 0 0 0 405px;
    z-index: 2;
    display: none;
}
.iq_qrcode:after{
    content: '';
    display: block;
    width: 10px;
    height: 18px;
    background-image: url("../img/sideBar_icons.png");
    background-position: -50px -100px;
    position: absolute;
    right: -9px;
    bottom: 30px;
}

.iq_qrcode>img{
    display: block;
    border: none;
    width: 180px;
    height: auto;
}
.iq_qrcode>div{
    padding-top: 10px;
    line-height: 20px;
    color: #666666;
    text-align: center;
}

/* 侧边红包 */
.shade_hongbao{
    position: fixed;
    z-index: 1;
    left: 20px;
    bottom: 50px;
}
.shade_hongbao>div{
    position: relative;
    height: 164px;
    width: 176px;
    display: block;
}
.shade_hongbao .ico{
    position: absolute;
    z-index: 2;
    width: 176px;
    height: 164px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../img/b_hongbao_ico.png?time=20180319");
    top: 0;
    left: 0;
}
.shade_hongbao .qrcode{
    position: absolute;
    z-index: 1;
    width: 56px;
    height: 117px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../img/b_hongbao_qrcode.png?time=20180319");
    top: 26px;
    left: 84px;
    transition: width 0.3s;
    -webkit-transition: width 0.3s;
}
.shade_hongbao>div:hover .qrcode,.shade_hongbao .qrcode.active{
    width: 216px;
}


/*登录弹出框*/
.login_pop{
    width: 740px;
    height: 350px;
    background-color: #ffffff;
    position: relative;
    background-image: url("../img/login_pop_bg.jpg?time=20180319");
    background-repeat: no-repeat;
    background-position: left bottom;
}
.login_pop .pop_form{
    float: right;
    margin-right: 20px;
    width: 290px;
}
.login_pop .pop_form .input{
    height: 40px;
    margin-bottom: 8px;
    position: relative;
}
.login_pop .pop_form .input input{
    height: 38px;
    line-height: 38px;
    margin: 0;
    padding: 0 44px;
    border: #e5e5e5 solid 1px;
    width: 200px;
}

.login_pop .pop_form .input span{
    display: block;
    width: 40px;
    height: 38px;
    background-image: url("../img/loginFormIcon.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 1px;
    left: 0px;
}
.login_pop .pop_form .input i{
    display: none;
    width: 20px;
    height: 20px;
    background-image: url("../img/loginFormIcon.png");
    background-repeat: no-repeat;
    background-position: -114px -3px;
    position: absolute;
    top: 10px;
    left: 260px;
    cursor: pointer;
}
.login_pop .pop_form .input label{
    display: block;
    width: 200px;
    height: 38px;
    line-height: 38px;
    color: #999999;
    position: absolute;
    top: 1px;
    left: 45px;
}
.login_pop .pop_form .rePwd{
    height: 30px;
    line-height: 30px;
    margin-bottom: 8px;
    position: relative;
}

.login_pop .pop_form .rePwd input{
    margin: 0px 2px 2px 2px;
    padding: 0;
    width: 13px;
    height: 13px;
    vertical-align: middle;
}

.login_pop .pop_form .rePwd i{
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-image: url("../img/loginFormIcon.png");
    background-repeat: no-repeat;
    background-position: -4px -38px;
    position: absolute;
    left: 0;
    top: 7px;
}
.login_pop .pop_form .rePwd .check_activate{
    background-position: -37px -38px !important;
}
.login_pop .pop_form .btn{
     height: 36px;
     width: 288px;
     background-color: #FC271F;
     border: #EA0D04 solid 1px;
     color: #FFFFFF;
     line-height: 36px;
     cursor: pointer;
 }
.login_pop .pop_form .btn:hover{
    background-color: #EA0D04;
}
.login_pop .pop_form .registerLink{
    display: block;
    height: 36px;
    width: 288px;
    background-color: #ffffff;
    border: #d5d5d5 solid 1px;
    line-height: 36px;
    color: #999999;
    text-align: center;
    text-decoration: none;
    margin-top: 8px;

}
.login_pop .pop_form .registerLink:hover{
    background-color: #f9f9f9;
    color: #333333;
}
.login_pop .pop_form .other{
    width: 100px;
    height:20px;
    line-height: 20px;
    position: relative;
    text-align: center;
    margin: 10px auto;
    color: #666666;
}
.login_pop .pop_form .other:before{
    content: '';
    display: block;
    width: 95px;
    height: 0;
    border-top:#e5e5e5 solid 1px ;
    position: absolute;
    right: 0;
    margin-right: 100px;
    top: 10px;
}
.login_pop .pop_form .other:after{
    content: '';
    display: block;
    width: 95px;
    height: 0;
    border-top:#e5e5e5 solid 1px ;
    position: absolute;
    left: 0;
    margin-left: 100px;
    top: 10px;
}
.login_pop .pop_form .otherLink{
    text-align: center;
    line-height: 30px;
}
.login_pop .pop_form .otherLink i{
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image: url("../img/loginFormIcon.png");
    background-repeat: no-repeat;
    vertical-align: middle;
    margin: -6px 5px 0 0;
}
.login_pop .close{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 26px;
    height: 26px;
    background-image: url("../img/loginFormIcon.png");
    background-repeat: no-repeat;
    background-position: -173px 0px;
    cursor: pointer;
}
.login_pop .close:hover{
    background-color: #f6f6f6;
}

/*页码*/
ul.pagination{
    padding: 10px 0;
    font-size: 0;
    text-align: center;
}
.pagination li{
    display: inline-block;
    *zoom:1;
    *display: inline;

}
.pagination li+li{
    margin-left: 5px;

}
.pagination li *{
    display: inline-block;
    min-width: 30px;
    line-height: 24px;
    padding: 5px;
    background-color:#fff;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    text-align: center;
    color: #666666;
    text-decoration: none;
}
.pagination li *:hover{
    border: 1px solid #FD463E;
    color: #FD463E;
}
.pagination li.active *{
    border: 1px solid #FD463E;
    color: #fff;
    font-weight: bold;
    background-color:#FD463E;
}
.pagination li.disabled>span{
    border: 1px solid #DBDBDB;
}
.pagination .hidden{
    display: none;
}

/*故事列表*/
.index_article_list .title .ico{
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-position: -450px 2px;
    margin-top: -3px;
}
.index_article_list .list{
    padding: 0 0 0 20px;
    line-height: 32px;
}
.index_article_list .list>li{
    height: 32px;
    overflow: hidden;
}

/*约会列表*/
.index_yuehui_list{
    padding: 10px 10px 0 10px;
}
.index_yuehui_list .title{
    margin-bottom: 5px;
}
.index_yuehui_list .title .ico{
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-position: -400px 2px;
}

.index_yuehui_list .list>li{
    padding: 20px 0;
    border-top: #EEEEEE solid 1px;
}

.index_yuehui_list .list .pic{
    display: block;
    width: 36px;
    height: 36px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    margin: 0 auto;
}
.index_yuehui_list .list .time{
    width: 105px;
    height: 56px;
    background: url("../img/index_yuehui_list_gif.gif") no-repeat bottom center;
    text-align: center;
}
.index_yuehui_list .list .s_sex{
    height: 22px;
    padding-top: 34px;
    background-image: url("../img/index_yuehui_sex_icons.png");
    background-repeat: no-repeat;
}
.index_yuehui_list .list .s_0{
    background-position: 10px -49px;
}
.index_yuehui_list .list .s_1{
    background-position: 5px 0;
}
.index_yuehui_list .list .s_2{
    background-position: 12px -98px;
}
.index_yuehui_list .list .link{
    display: block;
    text-align: center;
    line-height: 20px;
    height: 20px;
    text-decoration: none;
    font-size: 12px;
}
.index_yuehui_list .list .sign_y{
    border: #e5e5e5 solid 1px;
    color: #999999;
    background-color: #ffffff;
}
.index_yuehui_list .list .sign_y:hover{
    border: #EA0D04 solid 1px;
    background-color: #EA0D04;
    color: #ffffff;
}
.index_yuehui_list .list .sign_n{
    color: #ffffff;
    background-color: #999999;
    border: #999999 solid 1px;
}

/*推荐情人列表样式2*/
.photo_rich_1 .title .ico{
    width: 20px;
    height: 20px;
    background-position: -48px -48px;
}
.photo_rich_1 .title .ico2{
    width: 20px;
    height: 20px;
    background-position: -200px -100px;
}
.photo_rich_1 .title .ico3{
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-position: -400px 2px;
}
.photo_rich_1 .list{
    overflow: hidden;
}
.photo_rich_1 .list>li{
    list-style: none;
    float: left;
    width: 50%;
    margin-bottom: 10px;
}
.photo_rich_1 .list .pic{
    display: block;
    width: 72px;
    height: 72px;
    margin: 0 auto;
    border: #e5e5e5 solid 1px;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.photo_rich_1 .list .pic:hover{
    border: #fd463e solid 1px;
}

/*最近访客*/
.lastVisitor_pop{
    position: fixed;
    right: 1px;
    bottom: -250px;
    height: 242px;
    width: 298px;
    background-color: #ffffff;
    border: #e5e5e5 solid 1px;
    /*box-shadow: 1px 1px 2px #666;*/
    z-index: 6;
}
.lastVisitor_pop .close{
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("../img/lastVisitor_pop_icons.png");
    background-repeat: no-repeat;
    background-position: -196px -145px;
    cursor: pointer;
    float: right;
    margin: 10px 10px 0 0;
}
.lastVisitor_pop .close:hover{
    background-position: -246px -145px;
}
.lastVisitor_pop .pic{
    display: block;
    width: 72px;
    height: 72px;
    margin: 18px 0 0 24px;
    border: #e5e5e5 solid 1px;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.lastVisitor_pop .user_box{
    height: 110px;
    background: url("../img/lastVisitor_pop_icons.png") no-repeat 0 0;
}
.lastVisitor_pop .link{
    display: block;
    width: 200px;
    height: 32px;
    line-height: 32px;
    color: #ffffff;
    background-color: #fd463e;
    text-align: center;
    margin: 0 auto;
    text-decoration: none;
}
.lastVisitor_pop .link:hover{
    background-color: #EA0D04;
}
.lastVisitor_pop .link>i{
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image: url("../img/lastVisitor_pop_icons.png");
    background-repeat: no-repeat;
    vertical-align: middle;
}
.lastVisitor_pop .content{
    height: 72px;
    word-break: break-all;
    overflow: hidden;
}


/*快捷购买红豆*/
.buy_gold_1 .ico_gold{
    width: 20px;
    height: 20px;
    background-position: -98px -148px;
}

.buy_gold_1>ul{
    margin: 0 5px;
    overflow: hidden;
}

.buy_gold_1>ul>li{
    width: 50%;
    float: left;
}
.buy_gold_1 .link_block{
    display: block;
    margin: 0 5px 10px 5px;
    color: #666666;
    border: #e5e5e5 solid 1px;
    background-color: #f3f3f3;
    position: relative;
}
.buy_gold_1 .link_block:hover{
    border: #d71619 solid 1px;
}
.buy_gold_1 .info{
    line-height: 24px;
    height: 48px;
    width: 60%;
    background-color: #ffffff;
}
.buy_gold_1 .info>p{
    padding: 12px 5px 0 5px;
    font-size: 12px;
    line-height: 14px;
}
.buy_gold_1 .money{
    width: 40%;
    text-align: center;
    height: 48px;
    line-height: 48px;
}
.buy_gold_1 .link_btn{
    display: block;
    height: 32px;
    color: #ffffff;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    background-color: #fd463e;
}
.buy_gold_1 .link_btn:hover{
    background-color: #EA0D04;
}
.buy_gold_1 .recommended{
    display: block;
    font-size: 12px;
    background-color: #EA0D04;
    color: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0px 2px;
    line-height: 16px;
}

/*约会图标列表*/
.yuehui_home_list{
    overflow: hidden;
    margin-bottom: -10px;
}
.yuehui_home_list>li{
    float: left;
    min-width: 70px;
    height: 30px;
    padding-left: 30px;
    margin-bottom: 10px;
    line-height: 30px;
    color: #666666;
    background-image: url("../img/yuehui_home_icons.png");
    background-repeat: no-repeat;
}

/*列表VIP*/
.lover_list_vip_icons{
    position: relative;
}
.lover_list_vip_icons .v_i_1{
    position: absolute;
    top: 10px;
    left: -5px;
    background: url("../img/lover_list_vip_icons.png") no-repeat 0 0;
    height: 30px;
    padding-left: 24px;
}
.lover_list_vip_icons .v_i_1>div{
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    color: #ffffff;
    background-color: #FD463E;
}
.lover_list_vip_icons .v_i_2{
    position: absolute;
    top: 10px;
    left: -5px;
    background: url("../img/lover_list_vip_icons.png") no-repeat 0 -50px;
    height: 30px;
    padding-left: 24px;
}
.lover_list_vip_icons .v_i_2>div{
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    color: #ffffff;
    background-color: #FD463E;
}
.lover_list_vip_icons .v_i_3{
    position: absolute;
    top: -18px;
    left: -10px;
    background: url(../img/lover_list_vip_icons_m.png?time=20180319) no-repeat 0 0;
    height: 92px;
    width: 90px;
}

/*列表无记录提示*/
.global_list_null_tips{
    padding: 150px 0;
    text-align: center;
}
.global_list_null_tips .ico{
    width: 65px;
    height: 65px;
    margin: 0 auto 5px auto;
    background: url("../img/list_info_null_1.jpg?time=20180319") no-repeat center center;
}

/* 上传照片提醒弹窗 */
.uploadPic_pop .win_bg{
    height: 180px;
    background: url(../img/yuehui_uploadPic_win_bg.jpg?time=20180319) no-repeat center;
}
.uploadPic_pop .win_btn{
    margin-top: 20px;
}
.uploadPic_pop .win_btn>a{
    display: inline-block;
    line-height: 32px;
    width: 110px;
    margin: 0 10px;
    text-decoration: none;
}
.uploadPic_pop .win_btn>a.no{
    border: #999 solid 1px;
}
.uploadPic_pop .win_btn>a.yes{
    border: #FD463E solid 1px;
    background-color: #FD463E;
}
.uploadPic_pop .win_btn>a.yes:hover {
    background-color: #EA0D04;
}


/* 全局在线图标 */
.global-online{
    float: right;
    line-height: 18px;
    padding: 0 8px 0 15px;
    border-radius: 9px;
    background-color: #99ce00;
    color: #ffffff;
    margin: 4px 0 0 0;
    position: relative;
}
.global-online:before{
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #ffffff;
    position: absolute;
    left: 7px;
    top: 7px;
}

/* 全局VIP图标 */
.global-vip-icon{
    position: relative;
}
.global-vip-icon>img{
    width: 25px;
    height: auto;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
}

/* 媒体APP下载弹窗 */
.media-down-app-pop{

}
.media-down-app-pop .close{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 26px;
    height: 26px;
    background-image: url("../img/loginFormIcon.png");
    background-repeat: no-repeat;
    background-position: -173px 0px;
    cursor: pointer;
}
.media-down-app-pop .close:hover{
    background-color: #f6f6f6;
}

.media-down-app-pop .down{
    display: block;
    height: 38px;
    background-color: #FC271F;
    color: #FFFFFF;
    line-height: 36px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}
.media-down-app-pop .down:hover{
    background-color: #EA0D04;
}